import React, { useEffect, useState } from 'react'

export default function App() {
  const [count, setCount] = useState(0)
  const handleClick = () => {
    setCount(count + 1)
  }
  useEffect(() => {
    setInterval(() => {
      console.log(1)
    }, 1000)
  }, [])
  // 副作用处理函数的执行时机
  // 第二个参数不写：初始化；任何状态变化会走； => componentDidMount + componentDidUpdate
  // 第二参数写 [count]：初始化；当 count 变化完毕后会走； => componentDidMount + 有条件的 componentDidUpdate
  // 第二个参数写 []：初始化；应用：开启一次定时器；事件绑定；   =>   componentDidMount
  return (
    <div>
      <h3>count: {count}</h3>
      <button onClick={handleClick}>+1</button>
    </div>
  )
}
